<template>

  <div>
    <div class="header">

      <h1>XX登陆</h1>
    </div>
    <div class="content">
      <div class="content-left">
        <p>请输入账号：</p>
        <p>请输入密码：</p>
        <p>请输入手机号：</p>
      </div>
      <div class="content-right">
        <el-input placeholder v-model="user" clearable></el-input>
        <br>
        <el-input placeholder v-model="pass" clearable></el-input>
        <br>
        <el-input placeholder v-model="phone" clearable></el-input>
        <br>
      </div>
    </div>
    <div class="btn">
      <el-row>
        <el-button type="primary" @click="clearBtn">确认登陆</el-button>
        <el-button type="warning" @click="registerBtn">注册账号</el-button>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  data() {
      return {
          user:'',
          pass:'',
          phone:'',
      }
  },
  methods: {
    //登陆
    clearBtn() {
       
    },
    //注册
    registerBtn() {

    }
  }
};
</script>

<style lang='less' scope>
@import "../assets/less/login.less";
</style>